/*
  WET-BOEW
  @title: Details/summary polyfill pre-Modernizr CSS
 */

summary {
	// Make sure summary remains visible
	display: list-item !important;
	list-style-type: none; // Prevent list bullets from appearing in browsers that lack native details/summary support (e.g. IE/Edge)
	list-style-type: disclosure-closed; // Show summary arrows in Firefox 49.0+ and future versions of Blink/Webkit
}


details {
	margin-bottom: .25em;

	summary {
		border: 1px solid #ddd;
		border-radius: 4px;
		color: #295376;
		padding: 5px 15px 5px 30px;
		text-indent: -16px;

		&:focus,
		&:hover {
			background-color: transparent;
			color: #0535d2;
			text-decoration: underline;
		}

		&:focus {
			outline-style: dotted;
			outline-width: 1px;
		}
	}

	&[open] {
		border: 1px solid #ddd;
		border-radius: 4px;

		> {
			summary {
				border: 0;
				border-bottom: 1px solid #ddd;
				border-bottom-left-radius: 0;
				border-bottom-right-radius: 0;
				list-style-type: disclosure-open;
				margin-bottom: .25em;
			}
		}
	}
}
